
/*--------------------------------------------------------------------------------------------------*/
$(document).ready(function(){
	$("#tt").jscroll();
	$("#cc").jscroll({W:"12px"});
	$("#ee").jscroll({W:"12px",Btn:{btn:false}});
	
/*---------------------------------------------------------以下为自定义滚动条样式，设置时注意逗号--------------*/

	$(".ff").jscroll({ W:"15px"
					,BgUrl:"url(s_bg2.gif)"
					,Bg:"right 0 repeat-y"
					,Bar:{Bd:{Out:"#5a7a4d",Hover:"#5a7a4d"}
						 ,Bg:{Out:"-45px 0 repeat-y",Hover:"-58px 0 repeat-y",Focus:"-71px 0 repeat-y"}}
					,Btn:{btn:true
						 ,uBg:{Out:"0 0",Hover:"-15px 0",Focus:"-30px 0"}
						 ,dBg:{Out:"0 -15px",Hover:"-15px -15px",Focus:"-30px -15px"}}
					,Fn:function(){}
					});

	$(".gg").jscroll({ W:"15px"
					,BgUrl:"url(s_bg3.gif)"
					,Bg:"right 0 repeat-y"
					,Bar:{Bd:{Out:"#bcbcbc",Hover:"#ccc"}
						 ,Bg:{Out:"-45px 0 repeat-y",Hover:"-58px 0 repeat-y",Focus:"-71px 0 repeat-y"}}
					,Btn:{btn:true
						 ,uBg:{Out:"0 0",Hover:"-15px 0",Focus:"-30px 0"}
						 ,dBg:{Out:"0 -15px",Hover:"-15px -15px",Focus:"-30px -15px"}}
					,Fn:function(){}
					});

	$(".hh").jscroll({ W:"15px"
					,BgUrl:"url(s_bg4.gif)"
					,Bg:"right 0 repeat-y"
					,Bar:{Bd:{Out:"#bcbcbc",Hover:"#ccc"}
						 ,Bg:{Out:"-45px 0 repeat-y",Hover:"-58px 0 repeat-y",Focus:"-71px 0 repeat-y"}}
					,Btn:{btn:true
						 ,uBg:{Out:"0 0",Hover:"-15px 0",Focus:"-30px 0"}
						 ,dBg:{Out:"0 -15px",Hover:"-15px -15px",Focus:"-30px -15px"}}
					,Fn:function(){}
					});


	$(".ii").jscroll({ W:"15px"
					,BgUrl:"url(s_bg5.gif)"
					,Bg:"right 0 repeat-y"
					,Bar:{Bd:{Out:"#064697",Hover:"#064697"}
						 ,Bg:{Out:"-45px 0 repeat-y",Hover:"-58px 0 repeat-y",Focus:"-71px 0 repeat-y"}}
					,Btn:{btn:true
						 ,uBg:{Out:"0 0",Hover:"-15px 0",Focus:"-30px 0"}
						 ,dBg:{Out:"0 -15px",Hover:"-15px -15px",Focus:"-30px -15px"}}
					,Fn:function(){}
					});

});